<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的电子证书网站</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <link href="css/buttonCss.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body { background-color: #edeef0; }
    </style>
</head>

<body>
<div id="app">
    <iframe src="page/pageHead2.html" scrolling="no" frameborder="0" width="100%"  height="59px"></iframe>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td align="center">&nbsp;</td>
        </tr>
    </table>
    <table width="1100" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="15" valign="top"><table width="1100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
                <tr>
                    <td width="266" align="left" valign="top"><table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td height="50" align="center" class="hui-20">会员中心</td>
                        </tr>
                        <tr>
                            <td align="left"><table width="250" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="246" rowspan="2" align="left" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td align="center" bgcolor="#f2f2f2"><table width="100%" border="0" cellspacing="8" cellpadding="0">
                                                <tr>
                                                    <td align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                        <tr>
                                                            <td width="82%" align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                                <tr>
                                                                    <td height="30" align="left"><span class="hui-16">{{member.realname}}</span></td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left"><span class="hui12a"><a @click="exit" class="huise">退出登录</a></span></td>
                                                                </tr>
                                                            </table></td>
                                                        </tr>
                                                    </table></td>
                                                </tr>
                                            </table></td>
                                        </tr>
                                        <tr>
                                            <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#1e7cc0">
                                                <tr>
                                                    <td width="13%" height="40">&nbsp;</td>
                                                    <td width="87%" align="left" class="bai-14"><strong>账号信息</strong></td>
                                                </tr>
                                            </table>
                                                <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#f2f2f2">
                                                    <tr>
                                                        <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="9%" height="40" align="left">&nbsp;</td>
                                                                    <td width="91%" align="left"><a href="hou.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的证书</a></td>
                                                                </tr>
                                                            </table></td>
                                                            </tr>
                                                            <!--<tr>-->
                                                                <!--<td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">-->
                                                                    <!--<table width="100%" border="0" cellspacing="0" cellpadding="0">-->
                                                                        <!--<tr>-->
                                                                            <!--<td width="9%" height="40" align="left">&nbsp;</td>-->
                                                                            <!--<td width="91%" align="left"><a href="appealList.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的申诉</a></td>-->
                                                                        <!--</tr>-->
                                                                    <!--</table></td>-->
                                                                    <!--</tr>-->
                                                                    <tr>
                                                                        <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                <tr>
                                                                                    <td width="9%" height="40" align="left">&nbsp;</td>
                                                                                    <td width="91%" align="left"><a href="info.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>消息通知</a></td>
                                                                                </tr>
                                                                            </table>
                                                                            </td>
                                                                            </tr>
                                                                        </table></td>
                                                                    </tr>
                                                                </table></td>
                                                                <td width="4" align="right" valign="top" background="images/index_8bg.jpg"><img src="images/index_8.jpg" width="8" height="11" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td background="images/index_8bg.jpg">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="2" align="left"><img src="images/index_8a.jpg" width="250" height="22" /></td>
                                                            </tr>
                                                        </table></td>
                                                    </tr>
                                                    <tr>
                                                        <td>&nbsp;</td>
                                                    </tr>
                                                </table></td>
                                            <td width="834" align="right" valign="top"><table width="820" border="0" cellspacing="10" cellpadding="0" bgcolor="#FFFFFF">
                                                <tr>
                                                    <td width="298" height="30" align="left" class="hui-20">通知列表</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="2" bgcolor="#0c99fd"></td>
                                                        </tr>
                                                    </table></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="left" valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="0">
                                                        <tr>
                                                            <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                                                                <tr>
                                                                    <td width="15%" align="center">主题</td>
                                                                    <td width="15%" align="center">所属机构</td>
                                                                    <td width="15%" align="center">通知时间</td>
                                                                    <td width="15%" align="center">状态</td>
                                                                    <td width="15%" align="center">操作</td>
                                                                </tr>
                                                            </table>
                                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td height="10"></td>
                                                                    </tr>
                                                                </table>
                                                                <li v-for="(item,index) in infoList">
                                                                    <table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                                        <tr>
                                                                            <td width="15%" align="center" class="hui14">{{item.info.title}}</td>
                                                                            <td width="15%" align="center" class="hui14">{{item.org.orgName}}</td>
                                                                            <td width="15%" align="left" class="hui14">{{item.pushTime}}</td>
                                                                            <td width="15%" align="center" class="hui14">{{item.status}}</td>
                                                                            <td width="15%" align="center" class="hui14">
                                                                                <a :href="'infoForm.html?id='+item.id" class="button button-primary button-rounded button-small">查看详情</a>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td colspan="5" align="center" class="hui14"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                <tr>
                                                                                    <td background="images/index_4_xian.jpg"><img src="images/index_4_xian.jpg" width="2" height="7" /></td>
                                                                                </tr>
                                                                            </table></td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                                <table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                                                                    <tr>
                                                                        <td width="25%" align="center">总共 {{total}} 条记录; 第 {{pageIndex}} 页,共 {{pageCon}}页
                                                                            <a @click="pageSelect(1)">首页</a>
                                                                            <a @click="pageSelect(pageIndex-1)">上一页</a>
                                                                            <a @click="pageSelect(pageIndex+1)">下一页</a>
                                                                            <a @click="pageSelect(pageCon)">最后一页</a>
                                                                        </td>
                                                                    </tr>
                                                                </table></td>
                                                        </tr>
                                                    </table></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="left">&nbsp;</td>
                                                </tr>
                                            </table></td>
                                        </tr>
                                    </table></td>
                                </tr>
                            </table>
                                <iframe src="page/pageFoot.html" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
<script src='https://unpkg.com/vue@2.0.5/dist/vue.js'></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script type="text/javascript" src="../libs/util.js"></script>
<script type="text/javascript" src="js/info.js"></script>
</body>
</html>
